<script src="@/js/culture/yinyang.js"></script>

<template>
  <div class="yinyang" id="app">
    <div class="margins">

      <!-- 导航 -->
      <el-affix>
        <div class="affix">
          <Breadcrumb separator=">">
            <span v-for="item in navigations" :key="item">
              <BreadcrumbItem :to="item.link">
                <Icon :type="item.icon" />
                {{ item.title }}
              </BreadcrumbItem>
            </span>
          </Breadcrumb>
        </div>
        <div class="divider">
          <el-divider />
        </div>
      </el-affix>

      <!-- 数据 -->
      <div class="data">

        <el-row :gutter="15">
          <el-col :span="21">
            <el-card shadow="always" class="card1">

              <el-row :gutter="40">
                <el-col :span="12">
                  <el-card shadow="never" class="option-card">
                    <div class="title" @click="pageTable = 0">
                      基本介绍
                      <span v-show="pageTable === 0">
                        <Icon type="ios-arrow-dropdown-circle" />
                      </span>
                    </div>
                  </el-card>
                </el-col>
                <el-col :span="12">
                  <el-card shadow="never" class="option-card">
                    <div class="title" @click="pageTable = 1">
                      详细解读
                      <span v-show="pageTable === 1">
                        <Icon type="ios-arrow-dropdown-circle" />
                      </span>
                    </div>
                  </el-card>
                </el-col>
              </el-row>

              <div class="content">
                <div v-show="pageTable === 0">
                  <div>
                    阴阳是一本无字天书，它道出了宇宙万物的奥秘，堪称天地间最大的学问；物物皆有阴阳，不可割裂，阴阳必相互依存，万事万物中都包含阴阳的特性。<br /><br />
                    阴阳，可以追溯到古人对日月昼夜变化的观察和理解，在《诗经·大雅·公刘》中，描述中午时分站在山冈上看到的景象，山的南面容易接受阳光照射，而北面则不易接受阳光照射；阴阳观念也因此而得出，在中国的思想文化领域占据着极为重要的地位。
                  </div>
                  <br />
                  <div>
                    <el-tag round type="info" effect="dark">
                      <span>何谓阴阳？</span>
                    </el-tag>
                  </div>
                  <div>
                    阴阳指具有相反但又相互依存、相互制约关系的事物或现象；是日、月等天地运转的规律，是一切事物孕育、发展、成熟、衰退直至消亡的原动力，贯穿于整个宇宙。
                  </div>
                  <br />
                  <div>
                    <el-tag round type="info" effect="dark">
                      <span>阴阳的性质</span>
                    </el-tag>
                  </div>
                  <div>
                    <b>阳：</b>分为少阳、老阳；代表乾、天、男性、激进、张扬、靠近、炎热、激进、外向、上升、大、太阳、白天、由远及近、由小而大、积少成多、越来越高、越来越大等。<br />
                    <b>阴：</b>分为少阴、老阴；代表坤、地、女性、静态、伏藏、远离、寒冷、退缩、内向、下降、小、月亮、夜晚、由近变远、由大变小、由高变低、越来越低、越来越小等。
                  </div>
                  <br />
                  <div>
                    <el-tag round type="info" effect="dark">
                      <span>&nbsp;&nbsp;四象五行&nbsp;&nbsp;</span>
                    </el-tag>
                  </div>
                  <div>
                    <div>
                      阴阳又分为少阳、老阳、少阴、老阴。
                    </div>
                    <br />
                    <div><b>少阳：</b>阴中有阳，在阴的基础上滋生新阳，象征春季、曲直之气、一日之清晨，方位在东，五行属<span class="mu">木</span>。</div>
                    <div><b>老阳：</b>阳中有阳，在阳的基础上继续生阳，象征夏季、炎上之气、一日之正午，方位在南，五行属<span class="huo">火</span>。</div>
                    <div><b>少阴：</b>阳中有阴，在阳的基础上滋生新阴，象征秋季、肃杀之气、一日之傍晚，方位在西，五行属<span class="jin">金</span>。</div>
                    <div><b>老阴：</b>阴中生阴，在阴的基础上继续生阴，象征冬季、润下之气、一日之深夜，方位在北，五行属<span class="shui">水</span>。</div>
                  </div>
                </div>
                <div v-show="pageTable === 1">
                  <div>
                    <el-tag round type="info" effect="dark">
                      <span>阴阳相克</span>
                    </el-tag>
                  </div>
                  <div>
                    阴生阴，阳生阳；阴克阴，阳克阳；阴生阳，阳生阴；阴克阳，阳克阴。（同性之生力量小，异性之生力量大，同性之克力量大，异性之克力量小）
                  </div>
                  <br />
                  <div>
                    <el-tag round type="info" effect="dark">
                      <span>阴阳对立</span>
                    </el-tag>
                  </div>
                  <div>
                    指属性相反的阴阳双方在一个统一体中的相互斗争、相互制约和相互排斥，为对立事物或现象的相互调控作用。<br />
                    正是由于阴和阳之间的这种相互对立制约，才维持了阴阳之间的动态平衡，因而促进了事物的发生、发展和变化。<br />
                    正常者：如“动极者镇之以静，阴亢者胜之以阳”、“阴平阳秘，精神乃治”。反常者：则如“阴胜则阳病，阳胜则阴病”、“阳虚则阴盛”、“阴虚则阳亢”等。
                  </div>
                  <br />
                  <div>
                    <el-tag round type="info" effect="dark">
                      <span>阴阳一体</span>
                    </el-tag>
                  </div>
                  <div>
                    指阴阳双方在一个统一体中，协调共济。阴阳虽然对立，但在一个统一体中协调共济。<br />
                    统一体中的阴阳相互依赖而存在，任何一方不能脱离另一方而单独存在。<br />
                    统一体中的阴阳双方，每一方都涵有另一方，阴中含阳，阳中寓阴，所谓阴阳互藏。
                  </div>
                  <br />
                  <div>
                    <el-tag round type="info" effect="dark">
                      <span>阴阳互根</span>
                    </el-tag>
                  </div>
                  <div>
                    指一切事物或现象中相互对立着的阴阳两个方面，具有相互依存，互为根本的关系。<br />
                    即阴和阳任何一方都不能脱离另一方而单独存在，每一方都以相对的另一方的存在作为自己存在的前提和条件。<br />
                    如果由于某些原因，阴和阳之间的互根关系遭到破坏，就会导致“孤阴不生，独阳不生”，甚则“阴阳离决，精气乃绝”而死亡。
                  </div>
                  <br />
                  <div>
                    <el-tag round type="info" effect="dark">
                      <span>阴阳互用</span>
                    </el-tag>
                  </div>
                  <div>
                    指阴阳双方具有相互资生、促进和助长的关系。阳以阴为基，阴以阳为偶；阴为阳守持于内，阳为阴役使于外。<br />
                    所谓“阴在内，阳之守也；阳在外，阴之使也。”。老年人“昼不精，夜不瞑”，就是因阴阳双方相互为用的关系失调而致。<br />
                    如果相互为用的关系破坏，阴阳不得相互资助，则出现阴损及阳、阳损及阴的病变。
                  </div>
                  <br />
                  <div>
                    <el-tag round type="info" effect="dark">
                      <span>阴阳交感</span>
                    </el-tag>
                  </div>
                  <div>
                    指阴阳二气在运动中相互感应而交合，亦即发生相摩、相错、相荡的相互作用，是宇宙万物赖以生成和变化的根源。
                  </div>
                  <br />
                  <div>
                    <el-tag round type="info" effect="dark">
                      <span>阴阳互藏</span>
                    </el-tag>
                  </div>
                  <div>
                    指相互对立的阴阳双方中的任何一方都包含着另一方，即阴中有阳，阳中有阴。
                  </div>
                  <br />
                  <div>
                    <el-tag round type="info" effect="dark">
                      <span>阴阳消长</span>
                    </el-tag>
                  </div>
                  <div>
                    指阴阳运动变化的一种形式，而导致阴阳出现消长变化的根本原因在于阴阳之间存在着的对立制约与互根互用的关系。<br />
                    由阴阳对立制约关系导致的阴阳消长主要表现为阴阳的互为消长，有阴长阳消、阳长阴消、阴消阳长、阳消阴长四种形式。<br />
                    由阴阳互根互用关系导致的阴阳消长主要表现为阴阳的皆消皆长，有阴随阳消、阳随阴消、阴随阳长、阳随阴长四种形式。
                  </div>
                  <br />
                  <div>
                    <el-tag round type="info" effect="dark">
                      <span>阴阳转化</span>
                    </el-tag>
                  </div>
                  <div>
                    指事物的总体属性，在一定条件下可以向其相反的方向转化，在事物的发展过程中，如果说阴阳消长是一个量变的过程，阴阳转化则是在量变基础上的质变。
                  </div>
                  <br />
                  <div>
                    <el-tag round type="info" effect="dark">
                      <span>阴阳自和</span>
                    </el-tag>
                  </div>
                  <div>
                    指阴阳双方自动维持和自动恢复其协调平衡状态的能力和趋势。<br />
                    对生命体来说，阴阳自和是生命体内的阴阳二气在生理状态下的自我协调和在病理状态下的自我恢复平衡的能力。<br />
                    自和是阴阳的本性，是阴阳双方自动地向最佳目标的发展和运动，是维持事物或现象协调发展的内在机制。
                  </div>
                  <br />
                  <div>
                    <el-tag round type="info" effect="dark">
                      <span>阴阳平衡</span>
                    </el-tag>
                  </div>
                  <div>
                    指阴阳双方在相互斗争、相互作用中处于大体均势的状态，即阴阳协调和相对稳定状态。阴阳双方虽然不断地处在相互斗争、相互排斥、相互作用的运动之中，彼此之间随时发生着消长和转化，但阴阳双方仍然维持着相对稳定的结构关系。
                  </div>
                </div>
              </div>

            </el-card>
          </el-col>

          <el-col :span="3">
            <el-card shadow="never" class="card2">
              <div class="header">
                更多
              </div>

              <div class="selest">
                <div v-for="item in mores" :key="item" class="item">
                  <router-link :to="item.link">
                    <div class="title">
                      <Icon type="ios-arrow-dropright" />
                      {{ item.title }}
                    </div>
                  </router-link>

                </div>

                <div class="plan">
                  敬请期待 ...
                </div>
              </div>
            </el-card>
          </el-col>

        </el-row>

      </div>

    </div>
  </div>
</template>

<style scoped lang="less" src="@/css/culture/yinyang.scss"></style>
